import React, { Component } from 'react'
import Tabbar from '../common/index'
import { SearchBar } from 'antd-mobile';
import './index.less'
export default class News extends Component {
  state = {
    searchValue: '',
  }
  handleChange = (Value) => {
    let searchValue = Value.trim();
    this.setState({ searchValue })
  }
  render() {
    const { searchValue } = this.state
    return (
      <div className="newsindex">
        <div style={{ width: '100%', height: '74px' }}></div>
        <div className="scarch">
          <SearchBar
            value={searchValue}
            placeholder="搜索"
            onChange={this.handleChange}
          />
        </div>
        <div className="content">
          <div className="list" onClick={()=>this.props.history.push('/actiondetails')}>
            <div className="list-item1"><img src={require('../../img/title.png')} alt="" /></div>
            <div className="list-item2">
              <div className="top">活动报名通知</div>
              <div className="bottom">
                <div>报名</div>
                <div>教师发展中心发布了一个新的活动：黄志刚测试222，报名时间2021-03-30 14:44至2021-03-31 14:44。</div>
              </div>
            </div>
            <div className="list-item3">2021/04/15</div>
          </div>
        </div>
        <Tabbar  {...this.props} />
      </div>
    )
  }
}
